page{
  width: 100%;
  min-height: 100%;
  background: #F6F6F6;
}
.accountDetail-cont{
  & .top-tips{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30rpx;
    height: 100rpx;
    line-height: 100rpx;
    color: #666;
    background: #F6F6F6;
    font-size: 28rpx;
    & .tips-icon{
      position:absolute;
      right:30rpx;
      font-size: 40rpx;
    }
  }
  & .accountDetail-list{
    font-family: PingFangSC-Regular;
    & .accountDetail-item{
      background: #fff;
      margin-bottom: 20rpx;
      padding: 0 30rpx;
      display: flex;
      height: 200rpx;
      &:last-child{
        border-bottom: none;
      }
      & .item-img{
        width: 80rpx;
        height: 80rpx;
        overflow: hidden;
        margin-right: 30rpx;
        margin-top:33rpx;
        flex-shrink: 0;
        &>image{
          width: 100%;
          height: 100%;
        }
      }
      .item-detail {
        width: 100%;
        & .item-goods-name {
          width: 100%;
          display: flex;
          justify-content: space-between;
          font-family: PingFangSC-Medium;
          font-size: 30rpx;
          color: #333333;
          line-height: 34rpx;
          margin-top:33rpx;
          & .biz-name {
            width: 330rpx;
            font-weight: bold;
          }
          & .item-earnings-amount {
            flex: 1;
            top: 28rpx;
            right: 20rpx;
            font-size: 32rpx;
            color: #333333;
            text-align: right;
          }
        }
        & .item-info {
          width: 100%;
          line-height:45rpx;
          height:45rpx;
          margin:15rpx auto 0;
          & .user-info {
            display: flex;
            align-items: center;
            & .avatar-box {
              width: 40rpx;
              height: 40rpx;
              border-radius: 50%;
              margin-right:15rpx;
              overflow: hidden;
            }
          }
          & .item-head-img {
            width: 40rpx;
            height: 40rpx;
            border-radius: 50%;
            vertical-align:middle;
            margin-right:15rpx;
          }
          & .item-nickname{
            font-size: 28rpx;
            color: #666;
            margin-right: 10rpx;
          }
          & .item-biztype {
            font-size: 28rpx;
            color: #151515;
            text-align: right;
            line-height: 28rpx;
          }
        }
        & .item-time {
          width: 100%;
          display: flex;
          justify-content: space-between;
          font-size: 24rpx;
          color: #999999;
          line-height: 24rpx;
          margin:26rpx auto;
          & .withdraw-fail-tip {
            flex: 1;
            font-size: 24rpx;
            color: #FF2424;
            text-align: right;
          }
        }
      }
    }
  }
  & .load-tips{
    font-size: 28rpx;
    color: #666;
    text-align: center;
  }
}

/* 规则说明弹窗 */
.pup-bottom{
  font-size: 32rpx;
  color: #FF2424;
  display: block;
  width: 100%;
  text-align: center;
}
.rule-cont{
  margin-top: -0.7em;
  & .pup-title{
    font-weight: bold;
    color: #333;
    font-size: 36rpx;
    line-height: 1.5;
  }
  & .rule-title{
    margin-top: 25rpx;
    color: #FF2424;
    font-size: 30rpx;
    text-align: left;
    padding-left: 15rpx;
    position: relative;
    line-height: 1.5;
    &:before{
      display: block;
      position: absolute;
      content: "";
      width: 2px;
      background: #FF2424;
      height: 30rpx;
      left: 0;
      top: 50%;
      margin-top: -13rpx;
    }
  }
  & .rule-list{
    margin-top: 15rpx;
    color: #666;
    line-height: 1.5;
    text-align: left;
  }
}


/* 缺省页 */
.accountDetail-nodata{
  padding-top: 30%;
  & .nodata-top{
    & .top-img{
      width: 410rpx;
      margin: 60rpx auto;
      height: 300rpx;
      &>image{
        width: 100%;
        height: 100%;
      }
    }
    & .top-tips{
      text-align: center;
      padding: 0 40rpx;
      line-height: 1.5;
      color: #999;
      font-size: 30rpx;
      & .tips-2{
        margin-top: 10rpx;
        & .tips-inner{
          color: #FF2424;
          font-size: 36rpx;
        }
      }
    }
  }
  & .nodata-exp{
    margin-top: 120rpx;
    padding: 0 30rpx;
    font-size: 28rpx;
    line-height: 1.5;
    color: #999;
    & .exp-title{
      color: #333;
      margin-bottom: 10rpx;
    }
  }
}
